<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <script src="./vue.js"></script>
    <title>属性绑定和双向数据绑定</title>
  </head>
  <body>
	<div id="root">
		<div v-bind:title="'What\'s this? ' + title">Hello world!</div>
		<div :title="'What\'s this? ' + title">Hello world!</div>
		<input v-model:value="content" />
		<div>{{content}}</div>
	</div>
	<script>
		new Vue({
			el: '#root',
			data: {
				title: 'This is hello world.',
				content: 'This is a content.'
			}
		})
	</script>
  </body>
</html>
